<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="./css/index.css">
    <title>拼多多</title>
</head>

<body>
    <header>
        拼多多
    </header>
    <nav>
        <ul>
            <li>首页</li>
            <li>服饰</li>
            <li>男装</li>
            <li>母婴</li>
            <li>家居</li>
            <li>美食</li>
            <li>电器</li>
            <li>美食</li>
            <li>家居</li>
            <li>家居</li>
        </ul>
    </nav>
    <section class="main">
        <section class="section_1">
            <div class="img">
                <img src="img/banner.jpg" />
            </div>
            <ul>
                <li><img src="img/pic_1.jpg" /><span>限时秒杀</span></li>
                <li><img src="img/pic_2.jpg" /><span>品牌清仓</span></li>
                <li><img src="img/pic_3.jpg" /><span>名品折扣</span></li>
                <li><img src="img/pic_4.jpg" /><span>品质水果</span></li>
                <li><img src="img/pic_5.jpg" /><span>省钱妈咪</span></li>
                <li><img src="img/pic_6.jpg" /><span>爱逛街</span></li>
                <li><img src="img/pic_7.jpg" /><span>9块9特卖</span></li>
                <li><img src="img/pic_8.jpg" /><span>极速红包</span></li>
                <li><img src="img/pic_9.jpg" /><span>美食汇</span></li>
                <li><img src="img/pic_10.jpg" /><span>手机充值</span></li>
            </ul>
        </section>
        <section class="section_2">
            <div class="img">
                <img src="img/首页_31.jpg" />
            </div>
            <p>【闪电直充】100元全国移动联通电信话费充值</p>
            <div class="img">
                <img src="img/首页_31.jpg" />
            </div>
            <p>【闪电直充】100元全国移动联通电信话费充值</p>

        </section>
    </section>
    <footer>
        <ul>
            <li><span class="iconfont icon-shouye"></span><span>首页</span></li>
            <li><span class="iconfont icon-xinpin"></span><span>新品</span></li>
            <li><span class="iconfont icon-haitao"></span><span>海淘</span></li>
            <li><span class="iconfont icon-sousuo"></span><span>搜索</span></li>
            <li><span class="iconfont icon-xiaolian"></span><span>个人中心</span></li>
        </ul>
    </footer>
</body>

</html>